<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
</head>

<body>
	<div id="app">
	<p>{{msg}}</p>
	<input type="text" :value="msg" @input="handle"/>
	<input type="text" :value="msg" @input="msg=$event.target.value"/>
	<input type="text" v-model="msg"/>
	</div>
	<script>
	var vm=new Vue({
	el:'#app',
	data:{
	msg:'Tom'
	},
	methods:{
		handle(event){
		this.msg=event.target.value;
		}
	}
	
	})
	</script>
</body>

</html>